/* scoped */
.confirm{
  background: rgba(0,0,0,0.1);
  position: fixed;
  z-index: 4000;
  left: 0rpx;
  top:0rpx;
  right: 0rpx;
  bottom:0rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:space-around;
}

.confirmBox{
  background: #ffffff;
  width: 560rpx;
  border-radius: 8rpx;
  max-height:90%;
  display: flex;
  flex-direction: column;
}

.confirmTop{
  padding: 0rpx 16rpx;
  display: flex;
  flex-direction: column;
  justify-content:space-around;
}

.confirmTopTitle{
  flex: 1;
  margin-top: 56rpx;
  margin-bottom: 16rpx;
  font-size:36rpx;
  color: #000;
}

.Web .confirmTopTitle{
  margin-top: 16rpx;
  font-size:16px;
}

.confirmCenter{
  min-height: 80rpx;
  padding: 16rpx;
  font-size: 14rpx;
}

.confirmBottom{
  display: flex;
  flex-direction: row;
  justify-content:flex-end;
  border-top:1rpx solid #d2d3d5;
}
.Web .confirmBottom{
  padding-top:8rpx;
  padding-bottom:8rpx;
}

.confirmBtn{
  flex: 1;
  background: none;
  border:none;
  border-right: 1rpx solid #d2d3d5;
  border-radius: 0rpx;
}
.Web .confirmBtn{
  flex:none;
  border: 1rpx solid #d2d3d5;
  margin-right:16rpx;
}

.confirmBtn:last-child{
  border-right: none;
}

.Web .confirmBtn:last-child{
  border-right: 1rpx solid #d2d3d5;
}

.confirmBtn::after{
  border: none;
}

.confirmOk{
  color:#44d244;
}